<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>

<style>
body{
    /* 背景图形是否固定或者随着页面的其余部分滚动 */
    background-attachment:fixed;  
    /* 背景颜色 */
    background-color: red;
    /*把图片设置为背景*/
    background-image: url("https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3312543479,2840924628&fm=58&bpow=590&bpoh=563");
    /*设置背景图片的起始位置*/
    background-position-x: 2px;
    background-position-y: 2px;
    background-position: 100px 200px;  /* center right left top*/
    /*设置背景图片是否重复*/
    background-repeat:no-repeat;       /* fixed 固定  no-repeat不重复 repeat重复 repeat-x重复 repeat-y重复*/

    /* 背景图片的尺寸 */
    background-size: 100px 100px;
    /*背景颜色绘制区域*/
    background-clip: content-box;  /* content-box 内容区域  border-box已边框为边距  padding-box已padding的距离边距*/
    /*背景图片的定位区域*/
    background-origin:content-box;
}

</style>
</html>